<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

</head>
<body>
　　<h1>flex div</h1>
　　<div class="flex-div">
  　　<div class="div-green">div1</div>
  　　<div class="div-red">div2</div>
  　　<div class="div-green">div3</div>
</div>
</body>
</html>
<style>
  body { margin: 100px;}
　　div {
    　　　　height: 200px;
    　　　　width: 200px;
  }
  　　.div-green {
    　　　　background-color: green;
  }
  　　.div-red {
    　　　　background-color: red;
  }
  　　.flex-div{
    　　　　display: flex;
    　　　　width: auto;
    　　}
</style>